            *{
                padding: 0;
                margin: 0;
            }
            a,li{
                text-decoration: none;
            }
            
            .px2rem(@name, @px){
                @{name}: @px / 75 * 1rem;
            }
            .tan{
                display: -webkit-box;
                display: -moz-box;
            }
            
            header{
                .header_img{
                    position: absolute;
                .px2rem(height,70);
                .px2rem(top,10);
                display: flex;
                width: 100%;
                img{
                    .px2rem(width,40);
                    .px2rem(height,40);
                }
                .header_img1{
                    .px2rem(border-radius,50);
                    background:rgba(204,204,204,0.2);
                    .px2rem(width,70);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .px2rem(margin-left,12);
                }
                .header_img2{
                    
                    .px2rem(border-radius,50);
                    background:rgba(204,204,204,0.2);
                    .px2rem(width,70);
                    .px2rem(height,70);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    .px2rem(right,112);
                    
                }
                .header_img3{
                    .px2rem(border-radius,50);
                    background:rgba(204,204,204,0.2);
                    .px2rem(width,70);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    .px2rem(margin-left,12);
                    position: absolute;
                    .px2rem(right,22);
                    .px2rem(height,70);
                    
                }
            }
                width: 100%;
                dl{
                    dt{
                         width: 100%;
                        img{
                            width: 100%;
                            .px2rem(height,632);
                        }
                    }
                    dd{
                        .px2rem(margin-left,26);
                       h1{
                           .px2rem(margin-top,56);
                           .px2rem(font-size,26);
                           color: #4D4D4D;
                       }
                       p{
                          width: 100%;
                           .px2rem(margin-top,42);
                           .px2rem(height,36);
                           .tan();
                           -webkit-box-pack: start;
                           span{
                               display: block;
                               .px2rem(margin-right,10);
                               color: #fff;
                               .px2rem(padding,10);
                               .px2rem(height,36);
                               .px2rem(line-height,36);
                           }
                           span:nth-child(1){
                               background: #63dea8;
                           }
                           span:nth-child(2){
                               background: #fb8a84;
                           }
                           span:nth-child(3){
                               background: #f9c06f;
                           }                           
                       }
                       h2{
                           .px2rem(margin-bottom,74);
                           .px2rem(margin-top,26);
                           span:nth-child(1){
                               .px2rem(font-size,42);
                               color: #4D4D4D;
                               font-weight:bold ;
                               .px2rem(margin-top,42);
                           }
                           span:nth-child(2){
                               .px2rem(margin-top,42);
                               .px2rem(margin-left,16);
                               color: #C3C3C3;
                           }
                       }
                    }
                }
            }
            .hui{
                width: 100%;
                .px2rem(height,24);
                background: #f7f7f7;
                
            }  
            .shangpin{
               width: 100%;
               .px2rem(height,110);
               border-bottom: 1px solid #ccc;
               span{
                   color: #1B1B1B;
                   .px2rem(width,90);
                   .px2rem(line-height,110);
                   .px2rem(padding-left,26);
                   .px2rem(font-size,28);
               }
               
               
               
               
               
            }
            .nava{
                width: 100%;
                .px2rem(height,677); 
                .tan();
                border-bottom: 1px solid #ccc;
                -webkit-box-pack: start;
                span{
                    .px2rem(width,220);
                    display: block;
                    color: #C9C9C9; 
                    .px2rem(font-size,26);
                    .px2rem(line-height,80);
                    .px2rem(padding-left,22);
                    ul{
                        li:last-child{
                            color: #fed201;
                            
                        }
                    }
                }
                span:nth-child(2){
                    .px2rem(width,270);
                    display: block;
                    color: #959595;
                    img{
                        .px2rem(width,24);
                        .px2rem(height,24);  
                    }
                }
            }
            .dll{
               width: 100%;
                .px2rem(height,152);
                .tan();
                -webkit-box-align: center;
                dl{
                   .tan();
                   -webkit-box-align: center;
                   dt{
                      img{
                          .px2rem(width,80);
                          .px2rem(height,80);
                          .px2rem(margin-left,20);
                      } 
                   }
                   dd{
                       span{
                           .px2rem(margin-left,60);
                           .px2rem(font-size,28);
                           .px2rem(padding-bottom,36);
                       }
                       h2{ 
                           .tan();
                           -webkit-box-pack: start;
                           p{
                                color: #c5c5c5;
                           }
                          p:first-child{
                              .px2rem(padding-left,36);
                          }
                          p:nth-child(2){
                              .px2rem(padding-left,48);
                          }
                          p:last-child{
                              .px2rem(padding-left,70);
                          }
                       }
                   }
                }
                
                
            }
            .dll_two{
              width: 100%;
                .tan();
                        -webkit-box-pack: center; 
                        -webkit-box-align: center;
                        text-align: center;
                dl{
                    dt{
                      .tan();
                      -webkit-box-pack: center; 
                      .px2rem(margin-top,42);
                      .px2rem(margin-bottom,42);
                    }
                    dd{
                        .px2rem(width,730);
                       
                       .px2rem(font-size,28);
                       color: #4D4D4D; 
                       .px2rem(margin-bottom,80);
                    }
                }
            }
            .ping{
              width: 100%;
               .px2rem(height,84);
               .tan();
               -webkit-box-pack: center;
               -webkit-box-align: center;
               span{
                   color: #959595;
                   .px2rem(width,90);
                   .px2rem(line-height,84);
                   .px2rem(font-size,24);
               } 
            } 
            nav {
                width: 100%;
              
//              .px2rem(margin-top,70);
                ul{  display: flex;
                justify-content: center;
                    width: 100%;
                    .tan(); 
                    li{
                        -webkit-box-flex:1;
                        list-style: none;
                        .px2rem(margin-top,20);
                        .px2rem(margin-bottom,20);
                        a{
                            display: block;
                            .tan();
                            -webkit-box-orient: vertical;
                            -webkit-box-align: center;
                            -webkit-box-pack: center;
                            .px2rem(padding-top,10);
                            .px2rem(font-size,24);
                            color: #C9C9C9;
                            img{                                                                                
                                display: block;
                                .px2rem(width,80);
                                .px2rem(height,80);
                                .px2rem(margin-bottom,30);
                            }
                        } 
                    } 
                }
                ul:first-child{
                    .px2rem(margin-top,54);
                }
                ul:last-child{
                    .px2rem(margin-top,58);
                    
                }
            } 
            .navb{
                width: 100%;
                .px2rem(height,140);
                ul{
                    .px2rem(height,140);
                    .tan();
                    -webkit-box-pack:justify ;
                    -webkit-box-align: center;
                    text-align: center;
                    li{
                        .px2rem(width,240);
                        .px2rem(height,24);
                        border-right: 1px solid #ccc;
                        .px2rem(font-size,24);
                        color: #66DDA9;
                    }
                    li:last-child{
                        border-right:none
                    }
                }
            }
            .dll_three{
                width: 100%;
                display: -webkit-box;
                -webkit-box-pack: justify;
                dl{
                    -webkit-box-flex:1;
                    list-style: none;
                    .px2rem(margin-top,20);
                    .px2rem(margin-bottom,60);
                    .px2rem(margin-left,20);
                }
            } 
            .dll_three{
                width: 100%;
               
                .tan();
                
                overflow: hidden;
                dl{ 
                
                   dt{
                    display: flex;
                justify-content: center;
                       img{
                           
                          
                       .px2rem(height,217);
                       .px2rem(width,216); 
                        display: block;
                        .px2rem(padding-bottom,34);
                       } 
                   }
                   dd{ 
                       
                       span{
                            
                            .tan();
                            -webkit-box-orient: vertical;
                            -webkit-box-align: start;
                            -webkit-box-pack: start;
                            .px2rem(padding-bottom,40); 
                            .px2rem(font-size,28);
                            color: #959595; 
                            display: flex;
                        justify-content: center;
                       }
                       span:last-child{
                        color: #4D4D4D;display: flex;
                        justify-content: center;
                        }
                   } 
                } 
            } 
            footer{
                position: fixed;
                bottom: 0;
                width: 100%;
                .px2rem(height,98); 
                display: flex;
                    justify-content: center;
                    align-items: center;
                    .px2rem(font-size,24);
                   background: #fff;
                   
                dl{
                    flex: 0.4;
                    dt{
                        
                        margin: 0 auto;
                        .px2rem(width,30);
                        .px2rem(height,30);
                        img{
                        	width: 100%;
                        }
                    }
                    dd{
                        color: #C9C9C9;
                     text-align: center;
                     .px2rem(padding-top,10);
                    }
                }
                span{
                    flex:0.6;
                     background: #eeeeee;
                     .px2rem(height,98);
                     display: flex;
                     justify-content: center;
                     align-items: center;
                     .px2rem(font-size,24);
                     
                    
                 
                 }.dayou_span2{
                     
                     background: #1B1B1B;
//              span:nth-child(1){
//                 width: 25%;
//                  .px2rem(height,98);
//                  .px2rem(font-size,24);
//                  .tan();
//                  -webkit-box-align: center;
//                  -webkit-box-pack: center;
//                  color: #4c4c4c;
//                  background: #eeeeee;
//              }
//              span:nth-child(2){
//                   width: 25%;
//                  .px2rem(height,98);
//                  .px2rem(font-size,24);
//                  .tan();
//                  -webkit-box-align: center;
//                  -webkit-box-pack: center;
//                  color: #FFFFFF;
//                  background: #4c4c4c;
//              }
            }   
            }    